<template>
	<view>
		<slot />
		<uni-load-more
			:status="status"
			:showIcon="showIcon"
			:color="color"
			:contentText="contentText"
			iconType="auto"
			v-if="useLoadMore"
		/>
	</view>
</template>

<script setup>
	const props = defineProps({
		// loading状态,more-加载前，loading-加载中，'no-more'-没有更多数据
		status: {
			type: String,
			default: 'more',
		},
		// loading图标
		showIcon: {
			type: Boolean,
			default: true,
		},
		// 显示文本
		contentText: {
			type: Object,
			default: () => {
				return {
					contentdown: '上拉显示更多',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了',
				};
			},
		},
		// 图标和文字颜色
		color: {
			type: String,
			default: '#777777',
		},
		useLoadMore: {
			type: Boolean,
			default: true,
		},
	});
</script>

<style scoped lang="scss"></style>
